<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>烹饪方式</title>
	<link rel="stylesheet" href="css/cooking_ways.css">
	<script>
    window.onload=function(){
    	var parentNav=document.getElementById('nav');
    	var now=document.getElementById('now');
    	var childNav=parentNav.getElementsByTagName('ul')[1];
    	var timer=null; 
    	childNav.onmouseover=now.onmouseover=function(){
            clearTimeout(timer);
            childNav.style.display="inline";
    	}
    	childNav.onmouseout=now.onmouseout=function(){
           timer=setTimeout(function(){
						childNav.style.display='none';
					},300);
    	}
    }
	</script>
</head>
<body>
	<div id="header">
		<div id="addr">
			<ul>
				<li><a href="#">登 录&nbsp |</a></li>
				<li><a href="#">注 册&nbsp |</a></li>
				<li><a href="#">个人主页&nbsp |</a></li>
				<li><a href="#">消 息&nbsp |</a></li>
				<li><a href="#">我的收藏</a></li>
			</ul>
		</div>
		<div id="nav">
			<ul>
				<li><a href="01.html" style="padding-left:0">食谱 &nbsp&nbsp </a>/</li>
				<li><a href="02.html" id="now">烹饪方式&nbsp&nbsp </a>/</li>
				<li><a href="03.html">学院&nbsp&nbsp </a>/</li>
				<li><a href="04.html">攻略&nbsp&nbsp </a>/</li>
				<li><a href="05.html">厨艺切磋</a></li>
	            <div class="nav_menu">
                   <ul>
                   	<li><a href="#">公式</a></li>
                   	<li><a href="#">饮食类型</a></li>
                   	<li><a href="#">健康</a></li>
                   	<li><a href="#">食品</a></li>
                   	<li><a href="#">专题</a></li>
                   </ul>
                </div>
			</ul>
		</div>
	</div>

	<div id="content">
		<div id="content_search">
			<select>  
              <option value ="1">A</option>  
              <option value ="2">B</option>  
              <option value="3">C</option>  
              <option value="4">D</option>  
            </select>  
			<input type="text" placeholder="请输入你的搜索词" style="width:50%;">
			<input type="button" id="btn">
		</div>
       <div id="content_side">
       	    <h1>Food<br>Styling</h1>
       	    <div id="content_side_main">
       	    	<ul>
       	    		<li>食品造型？</li>
       	    		<li>食品造型图库</li>
       	    		<li>捕捉食物造型</li>
       	    		<li>我做造型的食物</li>
       	    		<li>派对造型</li>
       	    	</ul>
       	    </div>
       </div>
       <div id="content_main">
          <div id="content_main_header">
            <div id="content_main_header_nav">
            	<h3>捕捉食物造型</h3>
            	<span>
            		<span>风格食品</span>
            		<span>捕捉食物造型</span>	
            	</span>
            </div>
       	     <div id="content_main_header_title">
       	        <h3>相处食物造型外观更时尚</h3>
       	        <h6>所有的人的憧憬，以及味道沉浸在食物造型的世界满足整个五官</h4>
       	     </div>
       	  </div>
       	  <div id="content_main_cont">
       	  	<p class="content_main_cont_title">本周粮食造型</p>
       	  	<div id="content_main_cont_video">
       	  		<div id="cont">
       	  			<video src="1.mp4" controls="controls" width="90%" height="80%" id="embed">
                     </video>
       	  		</div>
       	  		<div id="infor">
       	  			<h4>很少考虑是挤满了客人邀请</h1>
       	  			<ul id="infor_1">
       	  				<li>教练&nbsp&nbsp&nbsp: </li>
       	  				<li>讲座&nbsp&nbsp&nbsp：</li>
       	  				<li>额外&nbsp&nbsp&nbsp：</li>
       	  				<li>内容&nbsp&nbsp&nbsp：</li>
       	  		    </ul>
       	  			<ul id="infor_2"> 
       	  				<li>:Janggeunjeong食品造型师</li>
       	  				<li>:时间：15分钟</li>
       	  				<li>:2008年2005</li>
       	  				<li>:例如，来自发放食物吃游客<br>Yeogyeotdeon重视心疼招待<br>由于邀请来阐述心灵<br>填写人小惠<br>它是表中的默认设置。</li>
       	  			</ul>
       	  		</div>
       	  	</div>
       	  </div>
       	  <div id="content_main_cont_footer">
       	  	<p class="content_main_cont_title">食品造型最后</p>
       	  	<div id="food">
       	  		<ul>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  			<li><a href="#"><img src="images/food_1.png" alt=""></a><div><p>餐桌礼仪</p></div></li>
       	  		</ul>
       	  	</div>
       	  </div>
       	  <div id="content_main_page">
       	  		<ul>
        	    <li><a class="prev" href="#" rel='prev'><img src="images/page_prevbg1.png" alt=""></a></li>
        	    <li><a class="prev" href="#" rel='prev'><img src="images/page_prevbg2.png" alt=""></a></li>
        	    <li><a href="#">1</a></li>
        	    <li><a href="#">2</a></li>
        	    <li><a href="#">3</a></li>
        	    <li><a href="#">4</a></li>
        	    <li><a href="#">5</a></li>
        	    <li><a href="#">6</a></li>
        	    <li><a href="#">7</a></li>
        	    <li><a href="#">8</a></li>
        	    <li><a href="#">9</a></li>
        	    <li><a href="#">10</a></li>
                <li><a class="prev" href="#" rel='prev'><img src="images/page_nextbg1.png" alt=""></a></li>
                <li><a class="prev" href="#" rel='prev'><img src="images/page_nextbg2.png" alt=""></a></li>
        	</ul>
       	  </div>
       </div>
	</div>

	<div id="footer">
		<div>
		    <p style="padding-top:10px">九老洞九老区首尔222-14王牌高端塔第2号1302商业登记号码：211-86-61071 CEO：TEL choejaewan：02-6340-1800传真：02-6340-1810</p>
			<p>版权所有（C）2008 FREEgine.COM ALL RIGHT RESERVED</p>
		</div>
	</div>
</body>
</html>